<!--
 * @company : 版权所属 四川北星惯牌科技有限公司
 * @contact : 刘经理 19326416371
 -->
<template>
	<view class="personnel-item flex-row-center">
		<view class="personnel-left flex-row-center">
			<!-- <image src="@/static/logo.png" class="ava" mode="aspectFill"></image> -->
			<text class="name">张三李四王麻子</text>
			<view class="lv-box flex-row-center">
				<image src="@/static/user/vip_icon.png" class="lv-icon" mode=""></image>
				<text class="lv-text">初级</text>
			</view>
		</view>
		<view class="personnel-right flex-row-center">
			<text class="point">9999</text>
			<template>
				<view class="follow-bnt flex-center" v-if="true">
					<text class="text">关注</text>
				</view>
				<view class="follow-bnt-y flex-center" v-else>
					<text class="text">已关注</text>
				</view>
			</template>
		</view>
	</view>
</template>

<script setup>

</script>

<style lang="scss" scoped>
	.personnel-item {
		justify-content: space-between;
		margin-bottom: 48rpx;

		.ava {
			border-radius: 50%;
			width: 68rpx;
			height: 68rpx;
		}

		.name {
			font-weight: 500;
			font-size: 34rpx;
			color: $name-color;
			margin: 0 8rpx 0 18rpx;
			width: 100rpx;
			text-overflow: ellipsis;
			white-space: nowrap;
			lines: 1;
			overflow: hidden;
		}

		.lv-icon {
			width: 44rpx;
			height: 38rpx;
		}

		.lv-text {
			color: $lv-color;
			font-size: 20rpx;
			font-weight: bold;
			margin-left: 2rpx;
		}

		.point {
			font-weight: 500;
			font-size: 30rpx;
			// color: $attention-color;
			color: rgba(255, 255, 255, 0.87);
			line-height: 35rpx;
			text-align: right;
			margin-right: 88rpx;
		}

		.follow-bnt {
			border: 2rpx solid $attention-color;
			height: 48rpx;
			width: 96rpx;
			border-radius: 12rpx;

			.text {
				font-weight: bold;
				font-size: 28rpx;
				color: $attention-color;
			}
		}

		.follow-bnt-y {
			.text {
				font-weight: bold;
				font-size: 28rpx;
				color: $unAttention-color;
			}
		}
	}
</style>